body{
    /* background-color: greenyellow; */
}

.header{
    width: 100%;
    height: 128px;
}





/* 头部大图开始 */
#header_img img{
    width: 100%;
   }
   /* 头部大图结束 */


   /* 火锅文化开始 */
   .culture{
       width: 1200px;
       height: 664.5px;
       margin: 0 auto;
       /* background-color: blue; */
       padding-top: 40px;
   }
   .culture h3{
        font-size: 28px;
        line-height: 75px;
        text-align: center;
        color: #666;
        font-weight: 600;
        font-family: 'Microsoft Yahei';
   }

   .culture i{
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 57px;
    background: url(./images/品牌故事小图标.png) no-repeat 0 center;
    margin-right: -20px;
    background-size: cover;
   }
   .culture img{
       width: 1200px;
       height: 550px;
       margin-top: 40px;
   }

   /* 火锅文化结束 */

   /* 企业文化开始 */
   .enterprise{
       width: 1200px;
       height: 178px;
       margin:0 auto;
       /* background-color: greenyellow; */
       padding-top: 40px;
   }
   .enterprise h3{
    font-size: 28px;
    line-height: 75px;
    text-align: center;
    color: #666;
    font-weight: 600;
    font-family: 'Microsoft Yahei';
   }
   .enterprise i{
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 57px;
    background: url(./images/品牌故事小图标.png) no-repeat 0 center;
    margin-right: -20px;
    background-size: cover;
   }
   .enterprise p{
    font-size: 16px;
    line-height: 32px;
    color: #888;
    margin: 40px 0;
    text-align: center;
    font-family: 'Microsoft Yahei',Arial;
   }


   /* 企业文化结束 */

   /* 海底捞使命开始 */

.mission{
    width: 1200px;
    height: 46px;
    /* background-color: blue; */
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
}
.mission p:nth-of-type(1){
    width: 172px;
    /* background: white; */
    height: 46px;
    position: absolute;
    left: 300px;
    text-align: center;
    /* transition: all 3s linear ease; */
    
}
.mission p:nth-of-type(1) a{
    color: #888;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    
}
.mission p:nth-of-type(1):hover{
    color: #fff;
    background: #e60012;
    display: inline-block;
    width: 172px;
    height: 46px;
    border-radius: 46px;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    /* transition: all 2s linear ease; */
    
}
.mission p:nth-of-type(2){
    width: 172px;
    height: 46px;
    position: absolute;
    text-align: center;
    position: absolute;
    left: 470px;
    
}
.mission p:nth-of-type(2) a{
    color: #888;
    font-size: 20px;
    width: 172px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.mission p:nth-of-type(2):hover{
    color: #fff;
    background: #e60012;
    display: inline-block;
    width: 172px;
    height: 46px;
    border-radius: 46px;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    transition: all 2s linear ease;
    
}
.mission p:nth-of-type(3){
    width: 172px;
    height: 46px;
    position: absolute;
    text-align: center;
    position: absolute;
    left: 640px;
    
}
.mission p:nth-of-type(3) a{
    color: #888;
    font-size: 20px;
    width: 172px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.mission p:nth-of-type(3):hover{
    color: #fff;
    background: #e60012;
    display: inline-block;
    width: 172px;
    height: 46px;
    border-radius: 46px;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    transition: all 2s linear ease;
    
}
.mission p:nth-of-type(4){
    width: 172px;
    height: 46px;
    position: absolute;
    text-align: center;
    position: absolute;
    left: 810px;


    
}
.mission p:nth-of-type(4) a{
    color: #888;
    font-size: 20px;
    width: 172px;
    height: 46px;
    line-height: 46px;
    text-align: center;

}

.mission p:nth-of-type(4):hover{
    color: #fff;
    background: #e60012;
    display: inline-block;
    width: 172px;
    height: 46px;
    border-radius: 46px;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    
}
   /* 海底捞使命结束 */

   /* 海底捞使命对应图开始 */
   .mission-wrap{
    width: 1200px;
    height: 520px;
    /* background-color: yellow; */
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 80px;
    position: relative;
    /* overflow: hidden; */
   }
   .mission_img{
       display: none;
   }
   .mission-wrap .active{
       display: block;
   }
   .mission_img{
       width: 100%;
       height: 100%;
       /* background-color: yellow; */
       margin: 0 auto;
       /* padding-top: 80px;
       padding-bottom: 80px; */
       position: relative;
       /* overflow: hidden; */
   }
   .mission_img p:nth-of-type(1){
       width: 720px;
       float: left;
   }
   .mission_img p:nth-of-type(1) img{
       width: 720px;
   }
   .mission_img div{
       width: 396px;
       height: 104px;
       float:left;
       margin-left: 70px;
   }
   .mission_img div h3{
    width: 396px;
    height: 37px;
    font-size: 28px;
    padding: 0;
    margin: 0;
    font-family: 'Microsoft Yahei';
    color: #888;
    font-weight: 600;
}
.mission_img div p:nth-of-type(1){
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 15px;
    width: 396px;
}
.mission_img div p:nth-of-type(2){
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 10px;
    width: 396px;
}
.mission_img div p:nth-of-type(3){
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 10px;
    width: 396px;
}
.mission_img div p:nth-of-type(4){
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 10px;
    width: 396px;
}
.mission_img div p:nth-of-type(5){
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 10px;
    width: 396px;
}
.mission_img div p:nth-of-type(6){
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 10px;
    width: 396px;
}
.mission_img .mission_bottom{
position: absolute;
bottom: -20px;
right: -50px;
}

   /* 海底捞使命对应图结束 */